@@@@@@@@@@@@@@@@ uTjzM@What's New 2004N93


@@@S҂̂߂̃z[y[W/Web for beginner
@@@@@@@http://www.scollabo.com/banban/
@@
@@@@@@@@@@@@@100

@@@@@@  @  @@@banban@scollabo.com



@@úAS҂⒆҂@ƍ@gɂāAv̖{i
@I Weby[W쐬ɖ𗧂ƂړIɔzMĂ܂B

@@uł HTML4.01AXHTML1.1AXML1.0 𒆐SƂ@̂ƂȂ
@܂BȂÃ}KW͓tHgłǂ݂ƉKɓǂ߂
@悤ɂȂ܂B

@@@T̃Rec
@@@@ @̂߂  S --- 񐄏vf̑
@@@@ CSSu@20 --- OX^CV[g
@@  @ ̉i19j --- datetime



@̂߂ --- 񐄏vf̑

@񐄏ƂvfgƂ́A@ɂȂƂƂł͂
@܂B^`ɑ@ł΁A񐄏Ƃvf⑮g
@Ƃł܂B
@@́A񐄏@Ƃ͌؂܂BÔ߁B

@ȂAHTMLƂ}[NAbv̌_lƂA_Iȕ
@\߂܂B܂A񐄏vfƂ鑽uhv
@̂ƂȂĂAč\Iȕ񋟂邽߂ɂƂ͌
@̂łB
@@Ⴆ centervf́AɈ͂܂ꂽvfêׂĂZ^OA
@܂蒆񂹂ŕ\܂BȂAubNxvfƂĂ
@ centervfɂ́A\IȈӖ܂B
@xĂƂA_Iȕ\Ə߂ɂ́A
@ꂼ̗vfɈӖ悤ɂȂĂ͂Ȃ܂Bh
@߂^Oĝł͂ȂA\グ܂傤B

@񐄏vfꗗ
@ȉ́AHTML4.01Œ`Ă񐄏Ƃ^ÖꗗłB

@@@vf@@@@@@@@@@@Ӗ
@@-------------------------------------------------------------------
@@applet@@@@JavaAvbgy[Wɓǂݍ
@@basefont@@@y[W̏lƂȂtHgw肷
@@center@@@@vfe𒆉낦ɂ
@@dir@@@@@ fBNg̃Xgڂ`
@@font@@@@@tHg̐F傫AtHgw肷
@@isindex@@@ Ō\ȂPs̓̓tB[h (CGIƘA)
@@menu@@@@@Ps𒴂ȂXg`
@@s@@@@@@ ɖ\
@@strike@@@@ɖ\
@@u@@@@@@ ɉ\

@́A̔񐄏vf̑ւ܂B

@ applet
@JavaAvbgƂ́AJavaŏꂽvOy[WɓǂݍŎ
@s邽߂ appletvfg܂Aidlł objectvfg
@ߍ݁Aꎞ͑嗬ŝłB
@@objectvfSɃT|[gĂȂuEÛňT applet
@vfgȂƂ͌؂܂BAJavaAvbg̓f[^_E
@[hĂ炻𓮍삳邽߂̃AvP[V𗧂グ܂ŁA
@̎ԂKvɂȂ蒘{҂̃\[X܂B
@邽߁Aŋ߂ FlashɎđւĂ̂ł傤B

@ᕶG
@<object data="IuWFNg URI" type="IuWFNg MIME^Cv"
@ classid="vOC URI" width="" height="" alt="֕">
@@<param name="color" value="F">
@@<param name="bgcolor" valur="wiF">
@</object>

@ basefont
@ƂȂtHg̎ނ傫A邢͐FȂǂw肷邽߁Aʏ
@wb_Ŕzu܂B̃^OɂĐ錾ꂽꍇÃy[Ŵ
@Ắ̕A{Ƃĕ\܂B
@@evfƂɍׂȃtHgw肷ꍇɂ́Abasefont^O͓KĂ
@܂̂ŁAX^CV[ggƂɂA\̑lg邱
@\łBւƂĂ̓X^CV[g𗘗p܂傤B

@ center
@̃^OɈ͂܂ꂽׂẴRec͒񂹂ƂȂ܂BIA
@ыIɒ񂹂ŕ\܂B
@@HTML3.2 WdlłƂɂ́AɃ|s[ő̍쐬҂
@ėp̂łBł͂ÓTIȊ܂A݂
@pĂ܂B

@@cOȂ center^O HTML̕ɂāA\IȈӖĂ
@B񐄏ƂĂ̕Ȃ <p align="center"> ƂقAi
@𒆉񂹂ɂƂӖ}Vł傤B

@@ւ̎iƂẮA͂X^CV[g𗘗pقłB

@ dir
@ÓTIȃfBNgXg`郊Xg^OłBʏ́AfB
@Ng̃XgƂėp܂Aʂ̃XgƂĎgp邱Ƃ
@ł܂B
@@Ȃ猻݂ł́Aul (ԍȂXg) Aol (ԍtXg) Ȃ
@ubNxvfƂĒ`Ă܂̂ŁA͂̃Xg
@ւƂĎg悤ɂ܂傤B

@ font
@eLXgŗptHg̐FTCYAtHgȂǂw肷邽
@ɗp^OŁA݂łɐlC܂B
@@Aɕv[e[V (h⃌CAEg) 𕪗
@ƂӖ́A܂gȂ^Oł܂B

@@eLXg̕傫AF肷ƂƂ́A炩
@Ӑ}킯łB܂uӖv邩炱ݒ肷̂ł͂Ȃ
@ł傤B̈ӖȂ傫ςF̂́A{鑤
@猩ƃEUbȂ̂łB
@@Ӗ̂Ƃ΁Â悤Ƀ}[NAbv (ӖÂ) ׂŁA
@t[Yɂ́AƈӖÂ^O݂Ă܂B

@@܂Afont^Og\͔ɓǂ݂Â炭AX̕ҏWXVƂ
@͎Ԃ܂B
@@Ⴆ΁A

@@<p>
@@@<font size="5" color="#ff0000">Ԃ傫<fonr color="#0000ff">
       傫̐</fotn></font><br>
@@<font size="3" color="#000000">ł͕ʂ̑傫̍</fron>
    </p>

@@X^CV[ggꍇɂ͈ȉ̂ƂɂȂ܂B

@@@#red  { cokor: #f00 }
    @#blue { color: #00f }

@@<h1>
@@@@<span id="red">Ԃ傫</span> 
@@@@<span id="blue">傫̐"</span>
@@</h1>
@@<p>ł͕ʂ̑傫̍</p>

@@҂́Aoƒiɕʂč\Iȍ\ƂȂĂ܂BAO
@͒Pɒi̒ŕ̑傫ςĂɉ߂܂BoIȃuEU
@ł͓悤ɌĂA񎋊onuEUuEUł́ASRႤ̂Ƃ
@ă_O܂BRecƂĂ̈ӖÂ󔖂ƂȂĂ܂
@܂̂ŁAfont^Og\ɂ͒ӂKvł傤B

@ isindex
@isindex ́APs̓̓tB[h`܂B̓tB[h input^
@OőւƂA formvfłȂĂPƂŗpł܂B
@@TCǧƂĒ`ꂽ^Oł CGIvOgƂ
@Ƃł΁AformvfƂƂ input ŏ\Ήł܂B

@ menu
@Xg̈ŁAj[ƂẴXg`܂BXgƂ
@̔񐄏^O dir܂A͂ ulAol ւƂĎg悤ɂ
@܂B

@ sAstrike
@ɖ镨^OłB镶ɖƂsׂ
@炩̈Ӗ킯łBʏ́ALqꂽɂȂĖ
@܂B{Ȃ΍폜Ă܂΂̂łAuvƂ`Ŏc
@ꍇɂ́ÄӖ{҂ɕ悤ɂ̂łB

@@Pɖ delvfgāA폜R
@ɃANZXłȂǂ}[NAbvł悤ɂ܂B

@@ᕶF
@@<del detetime="2004-09-02T21:48:30+09:00" cite="reson.html">
@@΂΂񎁂͕aCœ@܂B
@@</del>

@ u
@ɉ (A_[C) ĕ\镨^OłB҂
@炩̈Ӑ}Ă܂B
@@NȂǂ͂ƕ悤ɉ\Ă܂Bspӂȉ
@Ɖ{҂͌˘fĂ܂ƂɂȂ܂̂ŁAݒ肷ꍇɂ́A
@\ɔzKv܂B

@́ÁuӁvʂȁuӖv̂ƂĐ
@肷ꍇ܂B̈Ӗł͈ŉ_ɉ\ׂł͂܂B
@ǂĂ\Ȃ΂ȂȂʂł́ÄӖt͂
@Ƃ܂傤B

@@ꍇɂ́Astrongvfň͂߂ΖړI͒B܂B
@\ʓIłB
@@ՂŒǉꂽꍇɂ insvfg܂B delvfl
@ǉꂽt◝R݂Ȃǂ𑮐Ŏ܂B insvf͉
@ĕ\܂B


܂Ƃ

@xĂƂAHTML͕_Iȍ\ɂĎ̂łB
@IȃCAEg\rAꂼ̗vféAK؂ȃ^O
@ă}[NAbvׂłB
@@ɂ镾Q͂܂܂BނAǂ̂悤Ȋł
@{҂犽}邱Ƃł傤B
@@CAEg\@́AX^CV[g (CSS) ɂčs܂傤B



CSSu --- OX^CV[g

@X^CV[gƗP̕ɂāAHTMLɓǂݍ܂@
@NOEX^CV[gƌĂт܂B
@@OX^CV[g̗_ƂĈȉ̓_܂B

@@E̕ɗp邱ƂłB
@@EeiXXV̍Ƃ悭sB
@@EX^CV[g瑼̊OX^CV[gĂяoB

@HTMLł́Awb_ stylevfgăX^CV[gzu邱Ƃ
@܂A}[NAbvł XHTMLł́AOɃX^CV[g
@pӂȂ΂Ȃ܂B XHTML1.1 ł stylevfp~Ă
@܂B̂OX^CV[g邱ƂŁAɔ悤
@ɂ܂傤B

@OX^CV[g̍쐬
@OX^CV[gƂĂAɓ킯ł͂܂BPɃX^C
@V[g̓e^Cv邾łB
@@X^CV[gۑۂ̎ʎq (Windows ł͊gqƌĂ) 
@C΁AȒPɊOX^CV[g쐬邱Ƃł܂B
@@X^CV[g̎ʎq́u.cssvƂȂ܂B

@OX^CV[g̓ǂݍ
@X^CV[g쐬AHTMLɓǂݍ܂܂Bwb_Ɉ
@̂悤ɋLq܂B

@@<link rel="stylesheet" type="text/css" href="sample.css">

@̍\́Asample Ɩt CSS (X^CV[g) ǂݍ܂
@̂łBȂAhrefŎ URI ́ApX΂Lq܂B

@@<link rel="stylesheet" type="text/css" href="css/sample.css">

@̏ꍇ́Acss ƂfBNgɂ sample.css ǂݍ܂Ă
@܂BX^CV[gÃfBNg (tH_) ɂꍇɂ
@̃pXKvƂȂ܂B

@OX^CV[g̒ӓ_
@X^CV[geLXgGfB^ƁAHTMLGfB^
@łΖ͂܂B
@@AꂼꂪقȂ\tgEFAō쐬ꍇAR[hɒӂ
@ĂBɁAHTMLuShift_JisvōƂACSS
@͈ႤuEUC-JPvō쐬ꍇɂ́AǂݍݎɃX^C
@N\܂B
@@قȂ\tgEFȀꍇłAR[hłΕ͋N
@܂BقȂ镶R[h𗘗pꍇɂ́AcarsetgēK؂
@R[hw肵܂B

@@@<link rel="stylesheet" type="text/css" href="css/sample.css" 
@@@ chrset="EUC-JP">  CSS EUC ̏ꍇ

@̃X^CV[g̓ǂݍ
@X^CV[g瑼̃X^CV[gǂݍ݂܂Bɂ
@ĂP̕畡̃X^C HTMLɎ荞݂܂B

@̃X^CV[g荞ނ߂ɂ́A̖`ŖȂ΂
@܂B̍ۂɁA@import ŃX^CV[gw肵܂B
@@̓Iȍ\͈ȉ̂ƂłB

@@@@import url("X^CV[g URI") fBA^Cv;

@@܂A

@@@@import url("aural.css") aural;

@@́AOX^CV[g aural.css 荞ނ̂ŁÃfBA
@^Cv͉p (aural) ł邱ƂĂ܂B

@ CSSňfBA^Cv
@X^CV[gł́AlXȃfBA^CvɓKpł܂Bʏ screen
@ŁARs[^̃j^ʂłAȊOɈpApA_p
@Ǒɂ킽Ă܂B

@@@screen@@@Rs[^̃j^[
@@@aural@@@ o͗p
@@@embossed@@_pv^
@@@braile@@@_po̓fBA (_pj^[)
@@@handheld@@gїpʐM[@ (PDAȂ)
@@@tty@@@ @e^Cv (Œsb`tHg@B)
@@@tv@@@@@er
@@@print@@@ v^
@@@projection@vWFN^[
@@@all@@@@@ׂĂ̏o̓fBA (ftHg)

@@ȂAfBA^Cvw肵Ȃꍇɂ́uallvKp܂B

@OX^CV[g𗘗p HTML̍쐬
@ł́AL̉𓥂܂āAX^CV[gQAX^C
@V[gX^CV[gǂݍ܂܂傤B
@@܂ɃX^CV[g܂B

@ sample-1.css

@  @import url("sample_100-2.css");

@  body { 
      margin-left: 6%; 
      margin-right: 6%;
      background-color: #ffc; 
      color: #000 }

@  h1  { 
      margin-bottom: 0; 
      background: #069; 
      color: #fff; 
      font-size: 1.2em; 
      padding: 2px; 
      text-indent: 0.5em }

@@܂Ń^Cvłusample-1.cssvƂēKȃfBNg (tH
@_) ۑĂB
@@PX^CV[g܂B

@ sample-2.css

    ul { 
      list-style-type: square;
      margin-left: 2em }

    p {
     letter-spacing: 1px;
     line-height: 130% }

@@܂Ń^Cvłusample-2.cssvƂāAقǂ CSSƓ
@fBNgɕۑ܂B HTML쐬܂B

@ sample.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" type="text/css" href="sample_100-1.css">
<title>OX^CV[g/S҂̂߂̃z[y[W</title>
</head>

<body>
<h1>OX^CV[g</h1>
<p>
OX^CV[g̗_́Ãy[Wɋʂėpł_ɂA
eiXXVƂeՂɂȂB
</p>

<p>
X^CV[ǵÃX^CV[g荞߁ÃfBA
ɑ΂ėLɍpłBOX^CV[g̎ȓ́A
</p>

<ul>
<li>̃y[WɗpłB</li>
<li>eiXpӂŁAXVƂ̌オB</li>
<li>̃X^CV[g荞߂B</li>
</ul>
<hr>

</body>
</html>

@Tv̎s
@http://www.scollabo.com/banban/magazine/ms/sample_100-1.html


 (X^CV[ĝ݉)

@ @import url("sample_100-2.css");

@OɂX^CV[g荞݂܂B@import ́AK`Ő錾
@Ȃ΂Ȃ܂B

@ body { margin-left: 6%; margin-right: 6%; background-color: #ffc; 
    color: #000 }

@Reczu邽߂̗vf̍E̗]uEUʂ̂UƂĂ
@܂BwiF̓N[FAF͍FƂĂ܂BwiFݒ肵
@ɂ́AKFɎw肷悤ɂ܂傤B

@ h1 { margin-bottom: 0; background: #069; color: #fff; 
      @ font-size: 1.2em; padding: 2px; text-indent: 0.5em }

@ꌩovfɃX^CtĂ܂B̃TCYŴQA
@wiF񂾐FAF𔒐FA㑤̗]𖳂A̗]͏
@EƂQsNZƂAPCfg () ܂B

@ ul { list-style-type: square; margin-left: 2em }

@ԍȂXg̃}[J[ (s̈) lpɂAŜ̗̍]Q
@ɂ܂B

@ p { letter-spacing: 1px; line-height: 130% }

@ivf̕ԂPsNZAsԂP30ƂāAǂ݂₷
@ɂ܂B

@@X^CV[g̊eݒ͂D݂ɒĎw肷̂ʔł傤B
@낢ƕςȂyłB



HTMLAXHTML̉ --- datetime

@vfe̕ύX폜ȂǂꍇɁA̓tݒ肵܂B

@datetime@vf̓tݒ肷
@DTDF@@@ @ׂĂ̕^`ɓKp
@lF@@@t
@Lq@F@@@<del datetime="2004-09-02T21:10:30+09:00">
@֘AvfF@@delAins

@XHTML̐F Ȃ

@t͐E莞ԂWƂĂ邽߁A{Ԃł͂XԕĂ
@Kv܂BKKvȑł͂܂񂪁AύXȂǂ
@ɗpł܂B
@@t̋L@͈ȉ̂ƂłBȂAԂ24ԐłB

@@@--T::b i{Ԃ̏ꍇɂ +09:00 Ƃ)



͂܂ŁB

@T̂炢 Weby[Wɂfڂ܂̂ŁAQl܂łɌĂ
@ĂB
@@Weby[Wł HTML̎sʂ̃TvA蕪₷
@Ă܂B킹ĉߋ̋L̂炢fڂĂ܂

@iT̂炢j
@@http://www.scollabo.com/banban/magazine/review_100.html

@́A917ɔzM\肵Ă܂B



Eӌ͂͂܂Ł@banban@scollabo.com

@ȂA̍ۂɂ́AȂgOSAuEUAeLXgGfB^
@ǁAȂׂ₷𖾋LĂƉ񓚂₷Ȃ
@Ǝv܂B
@@AlIȎRɂԎx邱Ƃ܂BB
@}̏ꍇɂ́ATCǧfpBƒN
@ĂƎv܂B

@sҁ@΂΂
@@́@XYLER{[V@http://www.scollabo.com/
@zMGW@܂܂@http://www.mag2.com/  iID@0000090196j

@@뎚EEEϊ~XE\RȂǂɂ́Aɂe͊肢܂B

@obNio[@ŌJĂ܂B
@v[eLXg  http://www.scollabo.com/banban/magazine/magazine.html
@ê炢@@http://www.scollabo.com/banban/magazine/
@A[JCu@@@@http://www.scollabo.com/banban/daf/archive.html
@܂܂̉ߋL@http://backno.mag2.com/reader/Back?id=0000090196

@zM̕ύXE~͂łB
@ʂ̎葱͎󂯕tĂ܂̂ŁAʓ|łeł肢łΏ
@܂B
@@TCgɂā@http://www.scollabo.com/banban/magazine/top.html
@@܂܂ɂā@http://www.mag2.com/m/0000090196.htm



ł`E`ށ

@̎ɂȂƉĂ̔ꂪhbƏoāẪL_Iɂm
@ƂƂłBF͂łH

@@ƂȂƒ납璎̉Ă܂BHȂłˁB܂c
@͌ǁAmɋG߂͏Ă̂ł˂B



쌠ɂ
@l̂obɕۑėpȊŐL̓]ځAp͊{Iɉ
@Ă܂BL̓eɂāAfŎgp邱Ƃłւ܂B
@@ȂAL̃X^CV[gAXNvgAHTML̃y[W쐬
@RɎgĂĂx܂B

    @       Copyright(C) 2002-2004  www.scollabo.com/banban/




